.raw-topic-link,
.header-title {
  .event-date-container {
    display: inline-block;
    box-sizing: border-box;
  }

  .event-date {
    display: inline-flex;
    align-items: center;
    font-size: $font-down-2;
    border: 1px solid var(--primary-medium);
    background: none;
    padding: 0 0.25em;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 0.25em;

    .indicator {
      display: flex;
      width: 6px;
      height: 6px;
      border-radius: 3px;
      background: var(--success);
      margin-right: 0.25em;
    }
  }
}

.header-title {
  .event-date {
    font-size: $font-down-4;
    color: var(--primary-medium);
    font-weight: normal;
    padding: 0.25em;
  }
}
